# Written by Witek Tarchalski <pbl@neo.pl>
# Based on SVG engine
#

include "../icons/iconrc"
include "fix-librsvg-engine-with-pixmap-engine"

style "default" {
  GtkFrame::shadow_type = GTK_SHADOW_IN
  GtkScrolledWindow::shadow_type = GTK_SHADOW_IN
  GtkContainer::shadow_type = GTK_SHADOW_IN
  GtkPaned::shadow_type = GTK_SHADOW_IN
  GtkScrollbar::min_slider_length = 28

  bg[NORMAL]       = "#eeedee"
  bg[PRELIGHT]     = "#ecebec"
  bg[ACTIVE]       = "#dad5da"
  bg[SELECTED]     = "#b9b7b9"
  bg[INSENSITIVE]  = "#ededed"
#  bg_pixmap[NORMAL]   = "bg.svg"
#  bg_pixmap[PRELIGHT] = "bg.svg"

  fg[NORMAL]       = "#232323"
  fg[PRELIGHT]     = "#47407f"
  fg[ACTIVE]       = "#141314"
  fg[SELECTED]     = "#47407f"
  fg[INSENSITIVE]  = "#646264"

  base[SELECTED]   = "#ccc8cc"  ##zaznaczenie
  base[INSENSITIVE]= "#e9e5e9"
  base[NORMAL]     = "#ffffff"
  base[ACTIVE]     = "#dad5da"  ##zaznaczenie unfocused
  base[PRELIGHT]   = "#bbb8bb"

  text[NORMAL]     = "#000000"
  text[ACTIVE]     = "#454560"
  text[PRELIGHT]   = "#554570"
  text[SELECTED]   = "#554570"
  text[INSENSITIVE]= "#848484"


  engine "svg" {
	image {
	function            = HANDLE
	recolorable         = TRUE
	overlay_file        = "handle-v.svg"
	overlay_border      = { 0,0,0,0 }
	overlay_stretch     = FALSE
	orientation         = VERTICAL
	}
	image {
	function            = HANDLE
	recolorable         = TRUE
	overlay_file        = "handle-h.svg"
	overlay_border      = { 0,0,0,0 }
	overlay_stretch     = FALSE
	orientation         = HORIZONTAL
	}
	image {
	function        = SHADOW
	recolorable     = TRUE
	shadow          = OUT
#	file            = "empty.svg"
	file            = "shadow-out.svg"
	border          = { 2,2,2,2 }
        stretch         = TRUE
	}
	image {
	function        = SHADOW
	recolorable     = TRUE
	shadow          = IN
	file            = "shadow.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	}
	image {
	function        = SHADOW
	recolorable     = TRUE
	shadow          = ETCHED_IN
	file            = "shadow.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	}
	image {
	function        = SHADOW
	recolorable     = TRUE
	shadow          = ETCHED_OUT
	file            = "shadow.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	}
	image {
	function           = SHADOW_GAP
	recolorable        = TRUE
	file               = "shadow-gap.svg"
	border             = { 2,2,2,2 }
	stretch            = TRUE
#	gap_start_file     = "shadow-gap-top.svg"
	gap_start_file     = "line-h.svg"
	gap_start_border   = { 0,0,1,0 }
#	gap_end_file       = "shadow-gap-top.svg"
	gap_end_file       = "line-h.svg"
	gap_end_border     = { 0,0,1,0 }
	gap_side           = TOP
	}
	image {
	function           = VLINE
	recolorable        = TRUE
	file               = "line-v.svg"
	border             = { 0,0,0,0 }
	stretch            = TRUE
	}
	image {
	function          = HLINE
	recolorable       = TRUE
	file              = "line-h.svg"
	border            = { 0,0,0,0 }
	stretch           = TRUE
	}
	image {
	function        = FOCUS
	recolorable     = TRUE
	overlay_file    = "empty.svg"
	overlay_border  = { 0,0,0,0 }
	overlay_stretch = TRUE
	}
	image {
	function        = BOX
	recolorable     = TRUE
	shadow          = IN
#	file            = "but-a.svg"
	file            = "menubar.svg"
#	state           = PRELIGHT
	border          = { 4,4,4,4 }
	stretch         = TRUE
	}
  }
}
class "GtkWidget" style "default"

style "toolbar" {
  xthickness = 1
  ythickness = 1
  engine "svg" {
	image {
	function          = BOX
#	shadow            = ETCHED_OUT
#	shadow            = NONE
#	file              = "menubar.svg"
	file              = "toolbar.svg"
	border            = { 8,8,2,2 }
	stretch           = TRUE
	orientation       = HORIZONTAL
    }
  }
}
class "*Tool*" style "toolbar"

style "panel" {
#  engine "svg" {
#	image {
#	function          = BOX
#	file              = "empty.svg"
#	border            = { 1,1,1,1 }
#	stretch           = TRUE
#    }
#  }
	bg_pixmap[NORMAL] = "panel.svg"
}
class "*Panel*" style "panel"

style "menubar" {
  ythickness = 1
#  bg[NORMAL] = "#dad5da"
  engine "svg" {
	image {
	function          = BOX
	shadow            = OUT
	file              = "menubar.svg"
	border            = { 3,3,3,3 }
	stretch           = TRUE
	}
  }
}
class "GtkMenuBar" style "menubar"

style "menu" {
#  bg_pixmap[NORMAL]      = "tmp.svg"
#  bg[SELECTED]           = "#dad5da"
  engine "svg" {
	image {
	function          = BOX
	recolorable       = TRUE
	file              = "menuborder.svg"
	border            = { 2,2,2,2 }
	stretch           = TRUE
	}
  }
}
class "GtkMenu" style "menu"

style "menuitem" {
  engine "svg" {
	image {
	function        = BOX
#	file            = "menuitem0.svg"
#	file            = "slider-nh.svg"
	file            = "menuitem.svg"
	border          = { 5,5,5,5 }
	stretch         = TRUE
	}
  }
}
class "GtkMenuItem" style "menuitem"

style "handle" {
  engine "svg" {
	image {
	function          = SHADOW
    }
	image {
	function          = HANDLE
	recolorable       = TRUE
	overlay_file      = "handle-h.svg"
	overlay_border    = { 0,0,0,0 }
	overlay_stretch   = FALSE
	orientation       = VERTICAL
	}
	image {
	function          = HANDLE
	overlay_file      = "handle-v.svg"
	overlay_border    = { 0,0,0,0 }
	overlay_stretch   = FALSE
	orientation       = HORIZONTAL
	}
  }
}
class "GtkPaned" style "handle"
widget_class "*HandleBox*" style "handle"
class "GtkHandleBox" style "handle"

style "toggle" {
  engine "svg" {
	image {
	function        = BOX
	recolorable     = TRUE
	shadow          = IN
	file            = "but-a.svg"
	border          = { 6,6,6,6 }
	stretch         = TRUE
	}
	image {
	function        = BOX
	recolorable     = TRUE
	shadow          = OUT
#	file            = "toggle.svg"
	file            = "but-n.svg"
	border          = { 6,6,6,6 }
	stretch         = TRUE
	}
  }
}
class "GtkToggleButton" style "toggle"

style "button" {
  engine "svg" {
	image {
	function          = BOX
	detail            = "buttondefault"
	recolorable       = TRUE
	file              = "but-def.svg"
	border            = { 2,2,2,2 }
	stretch           = TRUE
	}
	image {
	function          = CHECK
	state             = PRELIGHT
	shadow            = IN
	overlay_file      = "check-pin.svg"
	overlay_stretch   = FALSE
	} 
	image {
	function          = CHECK
	state             = PRELIGHT
	shadow            = OUT
	overlay_file      = "check-pout.svg"
	overlay_stretch   = FALSE
	} 
	image {
	function          = CHECK
	recolorable       = TRUE
	shadow            = OUT
	overlay_file      = "check-out.svg"
	overlay_stretch   = FALSE
	}
	image {
	function          = CHECK
	recolorable       = TRUE
	shadow            = IN
	overlay_file      = "check-in.svg"
	overlay_stretch   = FALSE
	}
	image {
	function          = OPTION
	state             = PRELIGHT
	shadow            = IN
	overlay_file      = "option-pin.svg"
	overlay_stretch   = FALSE
	} 
	image {
	function          = OPTION
	state             = PRELIGHT
	shadow            = OUT
	overlay_file      = "option-pout.svg"
	overlay_stretch   = FALSE
	} 
	image {
	function          = OPTION
	recolorable       = TRUE
	shadow            = OUT
	overlay_file      = "option-out.svg"
	overlay_border    = { 0,0,0,0 }
	overlay_stretch   = FALSE
	}
	image {
	function          = OPTION
	recolorable       = TRUE
	shadow            = IN
	overlay_file      = "option-in.svg"
	overlay_border    = { 0,0,0,0 }
	overlay_stretch   = FALSE
	}
	image {
	function          = BOX
	file              = "but-n.svg"
	state		  = NORMAL
	border            = { 6,6,6,6 }
	stretch           = TRUE
	}
	image {
	function          = BOX
	file              = "but-i.svg"
	state		  = INSENSITIVE
	border            = { 6,6,6,6 }
	stretch           = TRUE
	}
	image {
	function          = BOX
	file              = "but-p.svg"
	state		  = PRELIGHT
	border            = { 6,6,6,6 }
	stretch           = TRUE
	}
	image {
	function          = BOX
	file              = "but-a.svg"
	state		  = ACTIVE
	border            = { 6,6,6,6 }
	stretch           = TRUE
	}
  }
}
class "GtkButton" style "button"

style "list" {
  ythickness = 1
  engine "svg" {
	image {
	function          = BOX
	recolorable       = TRUE
	shadow            = OUT
#	file      = "list-n.svg"
	file      = "slider-nh.svg"
	border		= { 1,1,1,2 }
	stretch   = TRUE
	}
	image {
	function          = BOX
	recolorable       = TRUE
	shadow            = IN
	file      = "list-a.svg"
	border		= { 1,1,1,2 }
	stretch   = TRUE
	}
	image {
	function          = BOX
	recolorable       = TRUE
	shadow            = OUT
	state		= PRELIGHT
	file      = "list-p.svg"
	border		= { 1,1,1,2 }
	stretch   = TRUE
	}
  }
}
widget_class "*List" style "list"
widget_class "*Tree*" style "list"
widget_class "GtkCList" style "list"

style "spin" {
#  xthickness = 1
#  ythickness = 1
  engine "svg" {
	image {
	function                = BOX
	recolorable             = TRUE
	state                   = ACTIVE
#	file                    = "spin-a.svg"
	file                    = "menubar.svg"
	border                  = { 2,1,2,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	state                   = PRELIGHT
	detail                  = "spinbutton_up"
	file                    = "spin-pu.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	state                   = PRELIGHT
	detail                  = "spinbutton_down"
	file                    = "spin-pd.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	state                   = INSENSITIVE
	detail                  = "spinbutton_up"
	file                    = "spin-iu.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	state                   = INSENSITIVE
	detail                  = "spinbutton_down"
	file                    = "spin-id.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	detail                  = "spinbutton_up"
	file                    = "spin-nu.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
	image {
	function                = BOX
	recolorable             = TRUE
	detail                  = "spinbutton_down"
	file                    = "spin-nd.svg"
	border                  = { 1,1,1,1 }
	stretch                 = TRUE
	}
  }
}
class "*Spin*" style "spin"

style "range" {
  engine "svg" {
	image {
	function        = BOX
	file            = "trough-h.svg"
	detail		= "trough"
	border          = { 5,4,4,4 }
	stretch         = TRUE
	orientation	= HORIZONTAL
	}
	image {
	function        = BOX
	file            = "trough-v.svg"
	detail		= "trough"
	border          = { 4,4,4,4 }
	stretch         = TRUE
	orientation	= VERTICAL
	}
	image {
	function        = BOX
	file            = "slider-nv.svg"
#	file            = "progress.svg"
	state		= NORMAL
	border          = { 3,3,3,3 }
	stretch         = TRUE
	}
	image {
	function	= BOX
	file		= "slider-i.svg"
	state		= INSENSITIVE
	border		= { 2,2,2,2 }
	stretch		= TRUE
	}
	image {
	function	= BOX
	file		= "slider-pv.svg"
	state		= PRELIGHT
	border		= { 2,2,2,2 }
	stretch		= TRUE
	}
	image {
	function	= BOX
	file		= "slider-a.svg"
	state		= ACTIVE
	border		= { 2,2,2,2 }
	stretch		= TRUE
	}
	image {
	function        = SLIDER
	file            = "slider-nv.svg"
#	file            = "progress.svg"
	border          = { 3,3,3,3 }
	state		= NORMAL
	stretch         = TRUE
	orientation	= VERTICAL
	}
	image {
	function        = SLIDER
	file            = "slider-pv.svg"
	state		= PRELIGHT
	border          = { 2,2,2,2 }
	stretch         = TRUE
	orientation	= VERTICAL
	}
	image {
	function        = SLIDER
	file            = "slider-nh.svg"
#	file            = "progress.svg"
	border          = { 3,3,3,3 }
	state		= NORMAL
	stretch         = TRUE
	}
	image {
	function        = SLIDER
	file            = "slider-ph.svg"
	state		= PRELIGHT
	border          = { 2,2,2,2 }
	stretch         = TRUE
	orientation	= HORIZONTAL
	}
	image {
	function	= SLIDER
	file		= "slider-i.svg"
	state		= INSENSITIVE
	border		= { 2,2,2,2 }
	stretch		= TRUE
	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	state           = ACTIVE
#	overlay_file    = "arrow-au.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = UP
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	state           = ACTIVE
#	overlay_file    = "arrow-ad.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = DOWN
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	state           = ACTIVE
#	overlay_file    = "arrow-al.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = LEFT
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	state           = ACTIVE
#	overlay_file    = "arrow-ar.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = RIGHT
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	overlay_file    = "arrow-nu.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = UP
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	overlay_file    = "arrow-nd.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = DOWN
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	overlay_file    = "arrow-nl.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = LEFT
#	}
#	image {
#	function        = ARROW
#	recolorable     = TRUE
#	overlay_file    = "arrow-nr.svg"
#	overlay_border  = { 0,0,0,0 }
#	overlay_stretch = FALSE
#	arrow_direction = RIGHT
#	}
  }
}
class "GtkRange" style "range"

style "notebook" {
  ythickness = 1
# bg[PRELIGHT] = "#f6f5f6"
  engine "svg" {
	image {
	function        = EXTENSION
	state           = ACTIVE
	file            = "tab-au.svg"
	border          = { 2,3,2,2 }
	stretch         = TRUE
	gap_side        = BOTTOM
	}
	image {
	function        = EXTENSION
	state           = ACTIVE
	file            = "tab-ab.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = TOP
	}
	image {
	function        = EXTENSION
	state           = ACTIVE
	file            = "tab-al.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = RIGHT
	}
	image {
	function        = EXTENSION
	state           = ACTIVE
	file            = "tab-ar.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = LEFT
	}
	image {
	function        = EXTENSION
	file            = "tab-nu.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = BOTTOM
	}
	image {
	function        = EXTENSION
	file            = "tab-nb.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = TOP
	}
	image {
	function        = EXTENSION
	file            = "tab-nl.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = RIGHT
	}
	image {
	function        = EXTENSION
	file            = "tab-nr.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	gap_side        = LEFT
	}
	image {
	function        = BOX_GAP
#	gap_side        = TOP
	file            = "notebook.svg"
	border          = { 2,2,1,2 }
	stretch         = TRUE
	}
  }
}
class "GtkNotebook" style "notebook"

style "tooltip" {
  bg_pixmap[NORMAL]      = "<none>"
  bg_pixmap[PRELIGHT]    = "<none>"
  bg_pixmap[ACTIVE]      = "<none>"
  bg_pixmap[INSENSITIVE] = "<none>"
}
widget "gtk-tooltips" style "tooltip"
class "GtkWidget" style "default"

style "progressbar" {
  engine "svg" {
	image {
	function        = BOX
	recolorable     = TRUE
	detail          = "trough"
	file            = "trough-h.svg"
	border          = { 4,3,3,3 }
	stretch         = TRUE
#	orientation     = VERTICAL
	}
	image {
	function        = BOX
	recolorable     = TRUE
	detail          = "bar"
	file            = "slider-nh.svg"
#	file            = "progress.svg"
	border          = { 2,2,2,2 }
	stretch         = TRUE
	}
  }
}
class "GtkProgress*" style "progressbar"
